<template>
  <div>
    <h2>{{modelValue}}</h2>
    <!-- <button @click="clickBtn">按钮</button> -->
    <!-- <input :value="modelValue" @input="clickBtn($event)"> -->
    <!-- 通过计算属性 -->
    <input type="text" v-model="inputValue">
  </div>
</template>

<script>
export default {
  props: {
    modelValue: String 
  },
  emits: ['update:modelValue'],
  computed: {
    inputValue: {
      set(value) {
        this.$emit('update:modelValue', value)
      },
      get() {
        return this.modelValue
      }
    }
  },
  methods: {
    // clickBtn(event) {
    //   this.$emit('update:modelValue', event.target.value)
    // }
  }
}
</script>

<style>

</style>